<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<!-- Banner片段 -->
<section th:fragment="banner-section" class="banner-container">
  <div class="banner-loading">
    <div class="loader"></div>
    <p>正在加载轮播图...</p>
  </div>
  <div class="banner-slides" id="bannerSlides"></div>

  <!-- 轮播控制器 -->
  <div class="banner-controls">
    <button class="prev-btn">‹</button>
    <div class="pagination"></div>
    <button class="next-btn">›</button>
  </div>
</section>
</body>
</html>